<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>工地源头详情</title>
  <!--    <link rel="stylesheet" href="/ditu/css/ztcjg/jedate.css"/>-->
  <link href="/ditu/js/layui-v2.5.6/css/layui.css" media="all" rel="stylesheet" type="text/css" />
  <link rel="stylesheet" href="/ditu/css/ztcjg/style.min.css" />
  <link rel="stylesheet" href="../sourceControl/css/index.css">
  <link href="../sourceControl/layui/css/layui.css" rel="stylesheet" type="text/css" />
  <link rel="stylesheet" href="../sourceControl/css/style.css">
  <link rel="stylesheet" href="../sourceControl/css/index.css">

  <style type="text/css">
    #allmap {
      width: 100%;
      height: 100%;
      overflow: hidden;
      margin: 0;
      font-family: "微软雅黑";
    }

    #jsjb_table>table>tr>td {
      padding: 15px 0;
    }

    #jsjb_table>table>tr>th {
      padding: 15px 0;
    }

    .td_border {
      border-bottom: 1px dashed rgb(32, 148, 183)
    }

    #choseBtn {
      position: relative;
      left: -0.8rem;
      width: 0.6rem;
      display: inline-block;
      line-height: 0.3rem;
      font-size: 0.16rem;
      color: #ffffff;
      text-align: center;
      cursor: pointer;
      border-radius: 0.04rem;
      background: #009cd2;
      border: none;
      outline: none;
    }

    #submitBtn {
      position: relative;
      left: -0.5rem;
      width: 0.6rem;
      display: inline-block;
      line-height: 0.3rem;
      font-size: 0.16rem;
      color: #ffffff;
      text-align: center;
      cursor: pointer;
      border-radius: 0.04rem;
      background: #009cd2;
      border: none;
      outline: none;
    }

    .xzsjCheck {
      width: 40px;
      height: 30px;
      margin-left: -0.06rem !important;
      margin-top: 0rem !important;
      position: absolute;
      z-index: 10;
      display: none;
    }

    .xiangqingSty {
      cursor: pointer;
      margin-top: 0.02rem;
      margin-left: 0.195rem;
      position: relative;
      top: 1px;
      border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
      border: 1px solid #00eefe;
      background: rgba(0, 238, 254, 0.6);
      width: 0.52rem;
      height: 0.2rem;
      line-height: 0.2rem;
      font-size: 0.1rem;
      text-align: center;
      color: #fff;
    }

    #jxx_lable {
      display: inline-block;
    }

    #wsg_lable {
      display: inline-block;
    }

    #judgeDis {
      width: 75%;
      height: 100%;
      position: absolute;
      z-index: 6;
      top: 2rem;
      left: 4.8rem
    }

    #judgeDis iframe {
      width: 100%;
      height: 100%;
    }
  </style>

</head>

<body onload="init()">
  <a class="gdxx_btn" onclick="spk()">周边卡口<span id="kknum"></span></a>
  <a class="gdxx_btn2" onclick="spk2()">内部卡口<span id="kknum2"></span></a>
  <a class="gdxx_btn3" id="gdxx_btn3" onclick="spk3()" style="display: none">案件详情</a>
  <div class="ztcgl_bg">
    <div class="ztcgl_top">
      <div class="ztcgl_top_tit" id="GD_total">工地名称1#楼等3项</div>
    </div>
    <div class="ztcgl_top_nav">
      <a class="sec" id="zbsxtBTN"><span>工地详情</span></a>
      <a id="ztcjgHDYP"><span>运输活动研判</span></a>
      <a id="ztcjgWBTN"><span>工地外监管</span></a>
      <a id="ztcjgBTN"><span>工地内监管</span></a>
      <a id="ztcjgWBTN1"><span>出入口监管</span></a>
      <a id="jscb"><span>接诉即办</span></a>
      <a id="report"><span>研判报告</span></a>
      <a id="close"><span>关闭页面</span></a>
      <!-- <a id="spjkBTN"><span>视频监控</span></a> -->

    </div>
    <div class="ztcjg_left" id="GCGK">
      <!--<div class="ztcjg_left_img">
            <img src="">
        </div>
        <div class="ztcjg_left_tit">工程概况</div>
        <div class="ztcjg_left_user">
            <img src="/ditu/images/ztcjg_icon1.png">
            <div>
                <p>负责人</p>
                <p><span>罗洋 13532163274</span></p>
                <p><span>张仕强 13532163274</span></p>
            </div>
        </div>
        <p>工程名称：1#楼等3项</p>
        <p>施工许可证：[2018]施建字0065号</p>
        <p>工程进度：土方</p>
        <p>建设地点：海淀区学院南路123号</p>
        <p>建设单位：中铁建昊宏基房产开发有限公司</p>
        <p>施工单位：中铁建设集团有限公司</p>
        <p>监理单位：中外建工程设计与顾问有限公司</p>
        <div class="ztcjg_left_tit">消纳许可信息</div>
        <p>运输单位：北京化解天一商贸有限公司</p>
        <p>建筑垃圾：2000吨</p>
        <p>审批时间：2019-09-21</p>
        <p>到期时间：2020-10-20</p>
         <div class="ztcjg_left_tit">视频巡查情况</div>
    <p>执法次数：193次</p> -->
    </div>
    <!-- <div class="ztcjg_right" id="ztcjg">
        呵呵哈哈哈
        </div> -->
    <div class="ztcjg_right" id="ztcjg" style="display: none;">
      <div class="ztcjg_right_form" id="right_form">
        <div class="ztcjg_right_time">
          <label>查询时间</label>
          <img src="/ditu/images/ztcjg_icon2.png">
          <input type="text" id="beginTime" placeholder="开始时间" readonly>
          <span>至</span>
          <input type="text" id="endTime" placeholder="结束时间" readonly>

        </div>
        <input type="text" class="list_cp_input" id="plateNo" placeholder="车牌号">
        <button class="ztcjg_submit" id="searchBtn">查询</button>
        <button class="ztcjg_reset" id="resetSearch">重置</button>
        <div class="ztcjg_right_checkbox">
          <label>
            <input type="checkbox" name='hege' value='-1' hidden>
            <i></i>
            <b>
              <img src="/ditu/images/ztcjg_icon3.png">全 部
            </b>
          </label>
          <label>
            <input type="checkbox" name='hege' value='0' hidden>
            <i></i>
            <b class="ztcjg_blue">
              <img src="/ditu/images/ztcjg_icon4.png">有准运证
            </b>
          </label>
          <span>违规车辆（</span>
          <label>
            <input type="checkbox" name='hege' id="wzyz" value="1" hidden>
            <i></i>
            <b class="ztcjg_red">
              <img src="/ditu/images/ztcjg_icon5.png">无准运证
            </b>
          </label>
          <label id="wsg_lable">
            <input type="checkbox" hidden id="isWSG">
            <i></i>
            <b class="ztcjg_orange">
              <img src="/ditu/images/ztcjg_icon6.png">未苫盖
            </b>
          </label>
          <label>
            <input type="checkbox" hidden id="YCHP">
            <i></i>
            <b class="ztcjg_green">
              <img src="/ditu/images/ztcjg_icon7.png">异常号牌
            </b>
          </label>
          <label id="jxx_lable" style="margin: 0;">
            <input type="checkbox" hidden id="JXX">
            <i></i>
            <b class="ztcjg_yellow">
              <img src="/ditu/images/ztcjg_icon8.png">禁限行
            </b>
          </label>
          <span>)</span>
          <label>
            <input type="checkbox" hidden id="showNoPlate">
            <i></i>
            <b>
              <img src="/ditu/images/ztcjg_icon3.png">显示无车牌
            </b>
          </label>
        </div>
      </div>
      <div class="ztcjg_r_tip" id="ztcjg_r_tip">

        <div class="ztcjg_r_pages">
          <span id="total">
            <!-- 渣土车共计150车次，违规渣土车47车次（未备案46车次，未苫盖1车次，未清洗0车次，有遮挡15车次） -->
            渣土车共计 车次
          </span>
          <span id="btnChack"></span>
          <span id="pageNum">共 页</span>
          <a class="ztcjg_page_left no_page" id="pagePlus"></a>
          <a class="ztcjg_page_right" id="pageMinus"></a>
        </div>
      </div>
      <div class="ztcjg_r_list" id="ztcjgInfo">
      </div>
      <div id="jsjb_table">
        <table align="center" cellspacing="0" cellpadding="0" border="0">
          <tr width="400">
            <th style="padding: 15px 0;">序号</th>
            <th>来件时间</th>
            <th>办理委办局</th>
            <th>大类</th>
            <th>中类</th>
            <th>小类</th>
            <th>信件来源</th>
            <th>信件内容</th>
            <th>信件主题</th>
            <th>结案意见</th>
            <th>办理状态</th>
            <th>反馈状态</th>
            <th>解决状态</th>
            <th>满意度</th>
            <th>核查人</th>
          </tr>
          <tbody id="jsjb_table_tbody">
            <!--                        <tr style=" border-bottom: 1px dashed rgb(32, 148, 183)" class="td_border">-->
            <!--                            <td style="padding: 15px 0;">2021-06-22 00：00</td>-->
            <!--                            <td>羊坊店街道</td>-->
            <!--                            <td>施工扰民</td>-->
            <!--                            <td></td>-->
            <!--                            <td></td>-->
            <!--                            <td></td>-->
            <!--                        </tr>-->
          </tbody>

        </table>
        <div id="jsjb_laypage"></div>
      </div>
    </div>


    <!-- <div class="ztcjg_right" id="spjk" style="display: none;">

        <div class="sssp_left">
            <div class="sssp_video">
                <video id="videoElement" preload="auto" autoplay=""></video>
            </div>
            <div class="sssp_vwrap"></div>
        </div>

    </div> -->
    <!--周边摄像头-->
    <div class="ztcjg_right" id="zbsxt">
      <div id="allmap"></div>

    </div>
    <div class="spl_res" id="spl_res1">
      <div class="sp_sxzy_top"></div>
      <div class="sp_sxzy_btm"></div>
      <div class="spl_total">该工地周边共有<span id="total1">0</span>个视频卡口</div>
      <div class="spl_con" id="spl_con">
        <!-- <div class="spl_res_item">
                <div class="spl_res_icon"><img src="images/sp_licon16.png"><img src="images/sp_licon3.png"></div>
                <div class="spl_res_txt">
                    <h4>北京市木林渣土消纳场</h4>
                    <p>微卡口</p>
                    <p>天桥南大街126号</p>
                </div>
            </div> -->
      </div>
      <div class="spl_pages" id="spl_pages">
      </div>
      <div class="spl_abtn"><span>></span></div>
    </div>

    <div class="spl_res" id="spl_res2">
      <div class="sp_sxzy_top"></div>
      <div class="sp_sxzy_btm"></div>
      <div class="spl_total">该工地内部共有<span id="total2">0</span>个视频卡口</div>
      <div class="spl_con" id="spl_con2">
        <!-- <div class="spl_res_item">
                <div class="spl_res_icon"><img src="images/sp_licon16.png"><img src="images/sp_licon3.png"></div>
                <div class="spl_res_txt">
                    <h4>北京市木林渣土消纳场</h4>
                    <p>微卡口</p>
                    <p>天桥南大街126号</p>
                </div>
            </div> -->
      </div>
      <div class="spl_pages" id="spl_pages">
      </div>
      <div class="spl_abtn"><span>></span></div>
    </div>
    <div class="spl_res" id="spl_res3">
      <div class="sp_sxzy_top"></div>
      <div class="sp_sxzy_btm"></div>
      <div class="spl_total">工地内监管案件详情</div>
      <div class="spl_con" id="spl_con3">
        <div class="table_card">
          <div class="tabCon">
            <div class="on">
              <ul class="newslist01">

              </ul>
            </div>
          </div>
          <!--                    <textarea name="test" placeholder="请输入事件..." required lay-verify="required" onkeyup='textAreaChange(this)' onkeydown='textAreaChange(this)' rows='5' class="layui-textarea"></textarea>-->
          <!--                    <div class='text-right'>-->
          <!--                        <em style='color:red'>200</em>/<span>200</span>-->
          <!--                    </div>-->
        </div>
        <div class="table_card">
          <input type="text" class="list_cp_input1" id="contentSJ" placeholder="请输入事件...">
          <div class="bt_group">
            <button type="button" onclick="confirmContentSubmit()" id="confirmContentSubmit"
              class="layui-btn layui-btn-normal">确认提交</button>
            <button type="button" onclick="clenInput()" class="layui-btn layui-btn-normal">清空</button>
          </div>
        </div>
      </div>
    </div>
    <div class="spl_pages" id="spl_pages">
    </div>
    <div class="spl_abtn"><span>></span></div>
  </div>

  <div class="sp_right" style="display: none">
    <!--            <div class="spr_top gdglr_top gdglr_info" style="display: flex">-->
    <!--                <span class="spr_top_rl sec">基本信息</span>-->

    <!--                <span class="spr_top_rl" id="closecar">关闭</span>-->
    <!--            </div>-->
    <!--            <div class="spr_btm gdglr_btm1 gdglr_info" style="display: flex">-->
    <!--                <div class="sp_sxzy_top"></div>-->
    <!--                <div class="sp_sxzy_btm"></div>-->
    <!--                <div class="gdglr_jbxx">-->
    <!--                    <p class="project_name"></p>-->
    <!--                    <p class="building_address"></p>-->
    <!--                    <p class="licence"></p>-->
    <!--                </div>-->

    <!--            </div>-->
  </div>
  <div class="sp_right1" style="display: none; ">
    <div class="spr_top gdglr_top gdglr_info" style="display: flex;margin-top: 2.2rem">
      <span class="spr_top_rl sec">基本信息</span>

      <span class="spr_top_rl" id="closecar">关闭</span>
    </div>
    <div class="spr_btm gdglr_btm2 gdglr_info" style="display: flex;margin-top: 2.2rem">
      <div class="sp_sxzy_top"></div>
      <div class="sp_sxzy_btm"></div>
      <div class="gdglr_jbxx">
        <p class="project_name1"></p>
        <p class="building_address1"></p>
        <p class="licence1"></p>
        <div class="clsszzyq_rcon2">
          <table id="gcgjlist1">

          </table>
        </div>
      </div>

    </div>
  </div>
  <!-- <div class="ztcjg_right" id="ztcjg_right1" style="display: none;">

  </div> -->
  <!-- 这里是 -->
  <div class="spl_res" id="judgeDis" style="display: none;">
    <div class="study_judge">
      <div class="main_part">
        <div class="legend">
          <div class="Header_title">
            <h2><i></i> 运输活动画像</h2>
            <div class="switch_date ">
              <span class="Highlight">天</span>
              <span>周</span>
              <span>月</span>
            </div>
            <div class="tip">
              <i></i>
              <div class="tipinfo"></div>
            </div>
          </div>
          <div class="Snapshot">
            <h3><i></i><i class="i_icon"></i>出入口抓拍</h3>
            <div id="main" style="width: 1000px;height:300px;"></div>
          </div>
          <div class="Snapshot">
            <h3><i></i><i class="i_icon"></i>卫星定位研判</h3>
            <div id="satellite" style="width: 1000px;height:300px;"></div>
          </div>
          <div class="Snapshot">
            <h3><i></i><i class="i_icon"></i>群众举报</h3>
            <div id="reportChart" style="width: 1000px;height:300px;"></div>
          </div>
          <div class="Header_title">
            <h2><i></i> 卫星摇感影像</h2>
          </div>
          <div class="Snapshot" id="tupian">
            <!-- <div class="img_map">
              <div id="mappart"></div>
              <span>2021-12-12 12:35:53 拍摄</span>
            </div> -->
          </div>
        </div>
      </div>
    </div>
    <!-- <iframe src="../sourceControl/judge.html" frameborder="0"></iframe> -->
  </div>
  </div>
  <script src="/ditu/js/jquery.min.js"></script>
  <!--<script src="/ditu/js/jquery.jedate.min.js"></script>-->
  <script src="/ditu/js/flv/flv.js"></script>
  <script src="/ditu/js/server.js"></script>
  <script src="/ditu/js/common.js"></script>
  <script type="text/javascript" src="/ditu/js/BaiDuGpsSite.js"></script>
  <script src="/ditu/js/GeoUtils.js"></script>
  <script src="/ditu/js/ztcjg/ztcjg.js?v=2.06"></script>
  <script src="/ditu/sourceControl/js/judge.js"></script>
  <!-- <script src="/ditu/js/ztcjg/ztcjg1.js"></script> -->
  <script src="/ditu/js/layui-v2.5.6/layui.js"></script>
  <script type="text/javascript" src="http://11.16.127.24:8219/baidumap/jsapi/api.js"></script>
  <script type="text/javascript" src="/ditu/js/mapv.js"></script>
  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.10&ak=1XjLLEhZhQNUzd93EjU5nOGQ"></script>
  <script type="text/javascript" src="/ditu/sourceControl/js/jquery.min.js"></script>
  <script src="/ditu/sourceControl/js/echarts.min.js?v=2.1000"></script>
  <!-- <script src="../sourceControl/js/judge.js"></script> -->
  <script src="/ditu/sourceControl/layui/layui.js?v=1.40"></script>
  <script>
    $(function () {
      // $('.wordSumTotal').textSum();
      // $(".ztcjg_right_time input").each(function() {
      //     $(this).jeDate()
      // })
      $("#close").click(function () {
        // 关闭当前页面，**注意必须是window.open()打开的页面才有效果**
        window.opener = null;
        window.open('', '_self');
        window.close();
      })

    })

    $("#close").click(function () {
      // 关闭当前页面，**注意必须是window.open()打开的页面才有效果**
      // window.opener = null;
      //
      // window.open('', '_self');
      // window.close();

      window.location.href = "about:blank";
      window.opener = null;
      window.open('', '_self');
      window.close();
    })

    function closeWindows () {
      window.location.href = "about:blank";
      window.opener = null;
      window.open('', '_self');
      window.close();
    }
    // $(".ztcgl_top_nav").click(function (e) {
    //   $(this).children("a").css("z-index", "0")
    // })
   
  </script>


</body>

</html>